<template>
  <div class="main">
      <span class="text">我是中间内容</span>
      <my-checkbox />

      
  </div>
</template>

<script>
export default {
    name: 'MyMain'
}
</script>

<style scoped>
/* 加完scoped后代表，当前这些样式只能用在本文件 */
    .main {
        min-height: 800px;
        background-color: #0f0;
    }

    .text {
        color: purple;
    }
</style>